<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
    <!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>ChinaZ</title>
	<meta name="description" content="">
	<meta name="author" content="">
	
    <!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <!-- CSS
  ================================================== -->
  	<link rel="stylesheet" href="css/zerogrid.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/slide.css">
	<link rel="stylesheet" href="css/menu.css">
    <link href="css/styless.css" rel="stylesheet" type="text/css" media="all" />
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
	<!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <!--  js -->
    <script src="js/jquery.min.js"></script>
	<script src="js/simpleCart.min.js"> </script>
    
	<!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
		<script src="js/html5.js"></script>
		<script src="js/css3-mediaqueries.js"></script>
	<![endif]-->
    
</head>
<body>
<div class="wrap-body">
	<!--////////////////////////////////////Header-->
	<header class="home-header">
		<div class="zerogrid">
			<div class="logo"><div><img src="images/foodLogo.jpg" /></div></div>
			<div class="logo-title">智能点餐系统</div>
		</div>
	</header>
    <!--//////////////////////////////////////Menu-->
	<a href="#" class="nav-toggle">Toggle Navigation</a>
    <nav class="cmn-tile-nav">
		<ul class="clearfix">
			<li class="colour-1"><a href="index.jsp">首页</a></li>
			<li class="colour-2"><a href="gallery.jsp">下午茶</a></li>
			<li class="colour-3"><a href="staff.jsp">鲜果购</a></li>
			<li class="colour-4"><a href="reservation.jsp">精选小吃</a></li>
			<li class="colour-5"><a href="archive.jsp">超市</a></li>
			<li class="colour-6"><a href="news.jsp">精选介绍</a></li>
			<li class="colour-4"><a href="menu.jsp">购物车</a></li>
			<li class="colour-3"><a href="login.jsp">登录</a></li>
			<li class="colour-2"><a href="manager.jsp">用户管理</a></li>
			<li class="colour-1"><a href="order.jsp">查看订单</a></li>
		</ul>
    </nav>
	
<!--////////////////////////////////////Container-->
<section id="container" class="sub-page">
	<div class="wrap-container zerogrid">
		<div class="crumbs">
			<ul>
				<li><a href="index.jsp">首页</a></li>
				<li><a href="login.jsp">登录</a></li>
			</ul>
		</div>
		<div id="main-content">
			<div class="wrap-content">
				<div class="row">
					<div class="col-3-3">
<!-- login  register -->
<div class="jq22-container" style="background-image: url('images/foodBg.jpg') ;background-size:cover;opacity:0.9;" >
		<div class="login-wrap">
			<div class="login-html">
				<input id="tab-1" type="radio" name="tab" class="sign-in" checked><label for="tab-1" class="tab">登录</label>
				<input id="tab-2" type="radio" name="tab" class="sign-up"><label for="tab-2" class="tab">注册</label>
				<div class="login-form">
					<div class="sign-in-htm">
						<form action="login" method="post">
						<div class="hr" style="margin-top: 100px"></div>
						<div class="group">
							<label for="user" class="label">用户名</label>
							<input id="user" type="text" class="input" name="account">
						</div>
						<div class="group">
							<label for="pass" class="label">密码</label>
							<input id="pass" type="password" class="input" data-type="password" name="pwd">
						</div>
						<div class="hr"></div>
						<div class="group">
							<input type="submit" class="button" value="登录" >
						</div>
						</form>
			
					</div>
					<div class="sign-up-htm">
						<form  action="add" method="post"> 
						<div class="hr"></div>
						<div class="group">
							<label for="user" class="label" >用户名</label>
							<input id="user" type="text" class="input" name="account">
						</div>
						<div class="group">
							<label for="pass" class="label">密码</label>
							<input id="pass" type="password" class="input" data-type="password">
						</div>
						<div class="group">
							<label for="pass" class="label">确认密码</label>
							<input id="pass" type="password" class="input" data-type="password">
						</div>
						<div class="group">
							<label for="pass" class="label">名称</label>
							<input id="pass" type="text" class="input" name="name">
						</div>
						<div class="hr"></div>
						<div class="group">
							<input type="submit" class="button" value="注册">
						</div>
						</form>
						
					</div>
					
				</div>
			</div>
		</div>
	</div>
						
						
						
					</div>
				</div>
			</div>
		</div> 
	</div>
</section>

<!--////////////////////////////////////Footer-->
<footer class="zerogrid">
	<div class="wrap-footer">
		<div class="row">
			<div class="col-1-3">
				<div class="wrap-col">
				</div>
			</div>
			<div class="col-1-3">
				<div class="wrap-col">
					<h4>联系客服</h4>
					<p>0594-1234567</p>
					<p>周一至周日 9:00-23:00</p>
					<p>客服不受理商务合作</p>
				</div>
			</div>
	</div>
	<div class="copyright">
		<div class="wrapper">
			<a target="_blank" href="#"></a>
			<ul class="quick-link f-right">
			</ul>
		</div>
	</div>
</footer>


	<!-- js -->
	<script src="js/classie.js"></script>
	<script src="js/demo.js"></script>
	
</div>
</body></html>